<template>
    <!-- 消息弹框 -->
    <el-dialog v-model="isShow" width="527">
        <template #header>
            <div class="reminder_header">
                <div class="header_text">
                    <img class="header_img_l" src="@/assets/images/depot/icon_hongsetishi.png" alt="">
                    <h4>{{ title }}</h4>
                </div>
            </div>
        </template>
        <div class="reminder_context">
            该分区/排/层有商品处于上架状态，请先下架或出库！
        </div>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="isShow = false">取消</el-button>
                <el-button type="primary" @click="isShow = false">确定</el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script setup lang="ts">
import { ref, defineExpose } from 'vue'
const title = ref('')
const isShow = ref(false)

const int = (type: string) => {
    title.value = `${type}失败`
    isShow.value = true
}
defineExpose({ int })
</script>
<style lang="scss" scoped>
@import url(../style/index.scss);
</style>